<template>
  <div>
    <div class="main_r">
      <h3>关注我</h3>
      <ul class="main_r_nav">
        <li>
        	<router-link to="/pages/index/index">首页</router-link>
        </li>
        <li>
        	<router-link to="/pages/note/note">心情随笔</router-link>
        </li>
        <li>
        	<router-link to="/pages/memory/memory">韶华追忆</router-link>
        </li>
        <li>
        	<router-link to="/pages/works/works">个人作品</router-link>
        </li>
        <li>
        	<router-link to="/pages/message/message">Blog留言</router-link>
        </li>
        <li>
        	<router-link to="/pages/about/about">关于我</router-link>
        </li>
      </ul>
      <h3>最新作品</h3>
      <ul class="main_works">
        <li><a :to="'/pages/detail/detail??table=works&title=个人作品&&id='+detail._id">{{detail.title}}</a></li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
			detail:{}
    }
  },
  mounted(){
		this.getList()
  },
  computed:{
  },
  methods:{
    getList(){
      const that = this
			const data={
        table:'works'
      }
			this.$Ajax('getLists',data,res=>{
				console.log(res.data)
        that.detail = res.data.length>0 ?res.data[0] :{}
			})
    },
  },
}
</script>
<style scoped>

</style>
